<template>
  <!-- 快捷功能入口 -->
  <div id="entryList">
    <div class="item" @click="toPage(1)">
      <img :src="require('/public/img/icon1.webp')" alt="" class="img" />
      <p>我的审批</p>
    </div>
    <div class="item" @click="toPage(2)">
      <img :src="require('/public/img/icon2.webp')" alt="" class="img" />
      <p>考勤管理</p>
    </div>
    <div class="item" @click="toPage(3)">
      <img :src="require('/public/img/icon3.webp')" alt="" class="img" />
      <p>我的日报</p>
    </div>
    <div class="item" @click="toPage(4)">
      <img :src="require('/public/img/icon4.webp')" alt="" class="img" />
      <p>合同管理</p>
    </div>
    <div class="item" @click="toPage(5)">
      <img :src="require('/public/img/icon5.webp')" alt="" class="img" />
      <p>收款管理</p>
    </div>
    <div class="item" @click="toPage(6)">
      <img :src="require('/public/img/icon6.webp')" alt="" class="img" />
      <p>报销管理</p>
    </div>
  </div>
</template>
<script>
export default {
  name: 'entryList',
  data () {
    return {}
  },
  methods: {
    toPage (type) {
      switch (type) {
        case 1:
          this.$router.push({
            path: '/home/myExamine'
          })
          break
        case 2:
          this.$router.push({
            path: '/person/attendance'
          })
          break
        case 3:
          this.$router.push({
            path: '/home/myDaily'
          })
          break
        case 4:
          this.$router.push({
            path: '/contract/contractManagement'
          })
          break
        case 5:
          this.$router.push({
            path: '/finance/collectManagement'
          })
          break
        case 6:
          this.$router.push({
            path: '/finance/reimburseManagement'
          })
          break
      }

    }
  }
}
</script>
<style lang="scss" scoped>
#entryList {
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 150px;
  background: #fff;
  box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.1);
  .item {
    border-radius: 8px;
    text-align: center;
    cursor: pointer;
    p {
      font-size: 14px;
      color: #666;
    }
  }
  .img {
    transform: scale(0.7);
  }
}
</style>